퍼블리싱/Codepen | 그 외 (54) 썸네일형 리스트형 스크롤 내릴때 svg 선 그려지는 효과 See the Pen SVG Scroll by Webstoryboy (@webstoryboy) on CodePen. Custom input file 여러개 demo : https://tympanus.net/Tutorials/CustomFileInputs/ Custom File Inputs | Codrops tympanus.net download : https://tympanus.net/codrops/2015/09/15/styling-customizing-file-inputs-smart-way/ Styling & Customizing File Inputs the Smart Way | Codrops A tutorial on how to style and customize file inputs in a semantic and accessible way using the label element and some JavaScript. tympanus.net 가로 draggable 리스트 - codrops demo : https://tympanus.net/Development/DraggableImageStrip/ Draggable Image Strip | Codrops Evanescent Virtually no important undertaking is now carried on without it, whether that enterprise be building a cathedral, endowing a university, marketing a moving picture, floating a large bond issue, or electing a president. tympanus.net donwload : https://tympanus.net/codrops/2019/06/11/draggable-i.. 포트폴리오 리스트에서 ajax와 같이 쓰기 좋을것 같은 리스트 See the Pen Agency website POC by Jamie Coulter (@jcoulterdesign) on CodePen. 1. 컨텐츠 가로 나열 (드래그로 스크롤 가능) 2. 컨텐츠 hover 효과 3. 컨텐츠 click 효과 4. 전체 감싸는것 다음에 비어있던 div 추가하고 컨텐츠 클릭시 특정 파일 내용을 ajax로 불러와서 하단의 div에 뿌려주는 형식으로 사용하면 좋을듯. 다양한 스크롤링 이미지 이펙트 - codrops 스크롤을 내릴때 배치되어 있는 이미지 등에 애니메이션 효과가 들어간다. demo : https://tympanus.net/Development/SmoothScrollingImageEffects/ Smooth Scrolling Image Effects | Demo 1 | Codrops 01 Oh Little trees and bushes grow however makes them happy. 02 Ri We don't have to be committed. We are just playing here. 03 Nj I thought today we would do a happy little picture. 04 Mo Nature is so fantastic, enjoy it. Let it make you h.. 배경 이미지 흐림 효과 See the Pen Blurred Backgrounds by Louis Coyle (@dropside) on CodePen. css animation을 쉽게 확인하고 코드까지 볼수있는 animista http://animista.net/ Animista Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use. animista.net rotate, flip 등 다양한 효과를 css를 이용해 만들었을때 어떤 모양일지 실시간으로 확인 가능하며, 소스코드까지 제공해준다. 이미지 hover 효과 여러개 (good) 간단한 이미지 hover 효과들 여러개 모음 demo : https://tympanus.net/Development/HoverEffectIdeas/ Hover Effect Ideas | Set 1 Nice Lily Lily likes to play with crayons and pencils tympanus.net download : https://tympanus.net/codrops/2014/06/19/ideas-for-subtle-hover-effects/ Ideas for Subtle Hover Effects Some creative and subtle hover effect inspiration using modern CSS techniques including 3D translate and ps.. css를 활용한 체크박스,라디오버튼 애니메이션 (간단) See the Pen input radio #1 by moksunung (@moksunung) on CodePen. 그림자가 긴 텍스트 (only css) See the Pen Pure CSS Long Shadow by Rafael González (@rgg) on CodePen. 텍스트 네온사인 애니메이션 (only css) See the Pen cibuh by Timothy M. LeBlanc (@WhiteWolfWizard) on CodePen. 텍스트 배경 애니메이션 (only css) See the Pen Animated text fill by Daniel Riemer (@zitrusfrisch) on CodePen. 텍스트가 스크롤 되는듯한 효과 (only css) See the Pen Title Scroller by Jordan Halvorsen (@halvo) on CodePen. 부드럽게 나타나는 텍스트 See the Pen Title Text Animation by Robin Treur (@RobinTreur) on CodePen. 이전 1 2 3 다음
